<div nz-row nzType="flex" nzAlign="middle" class="passport_layout">

  <div nz-col nzXs="0" nzLg="14" nzXl="16" nzXXl="18" class="passport_cover" style="background-image: url(assets/img/passport_cover.jpg);"></div>

  <div nz-col nzXs="24" nzLg="10" nzXl="8" nzXXl="6" class="passport_content">
    <div nz-row nzType="flex" nzJustify="center">
      <div nz-col class="passport_inner">

        <div class="passport_logo">
          <img src="assets/img/logo.svg">
          <span>CloudGate</span>
        </div>

        <nz-tabset [(nzSelectedIndex)]="config.funcType" nzSize="large" (nzSelectChange)="setTitle()" class="passport_forms">

          <nz-tab [nzTitle]=" 'login' | translate ">
            <login class="passport_form_content"></login>
          </nz-tab>

        </nz-tabset>

        <global-footer [links]="config.links">
          <div class="passport_copyright">
            <span>Copyright</span>
            <i class="anticon anticon-copyright"></i>
            <span>2018</span>
            <a>XXX</a>
            <span>All Rrights Reserve</span>
          </div>
        </global-footer>

      </div>
    </div>
  </div>

</div>
